<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Sample</title>
        <link rel="stylesheet" href="css/bundle.css">
        <script src="js/dojo/dojo.js" type="text/javascript">
        </script>
        <script src="js/dojo/nls/hhhdojo_en-us.js" type="text/javascript">
        </script>
        <script src="js/hhhdojo.js" type="text/javascript">
        </script>
        <script type="text/javascript" src="js/ecs.js">
        </script>
        <script type="text/javascript">
            dojo.addOnLoad(function(){
                var userId = dojo.cookie("userId");
                if (userId == "undefined") 
                    return;
                else 
                    commenter.getUser(userId);
				commenter.render();
            })
        </script>
    </head>
    <body>
    	<div id="commentDivider" class="js-TornPageDivider" style="display:none">
    		<div class="js-TornPageDividerTop"></div>
			<div class="js-TornPageDividerBottom"></div>
		</div>
        <!--Comment template-->
        <div id="commentTemplate" style="display:none">
            <div id="" class="js-singleComment">
                <div class="js-singleCommentBg" style="z-index: 300;">
                    <div class="js-singleCommentHeader">
                        <div style="float: left;">
                            <span class="js-singleCommentName"></span>
                            <img class="js-singleCommentUrl" src="//js-kit.com/images/icon10-external-url.png">
                            </img><span class="words">says:</span>
                        </div>
                        <div style="clear: both;">
                        </div>
                        <div class="js-singleCommentBody js-singleCommentDepth0 js-comment-stripe-1">
                            <table class="js-singleCommentBodyT" width="100%" cellspacing="0" cellpadding="0" border="0">
                                <tbody>
                                    <tr style="vertical-align: top;">
                                        <td colspan="2" style="padding-bottom: 8px;" class="commentText">
                                            
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="vertical-align: bottom;">
                                            <div class="js-singleCommentCtls">
                                                <span class="js-singleCommentReplyable">
                                                    <div class="js-singleCommentReply" onclick="commenter.showReplyForm(event)">
                                                        reply 
                                                    </div>
                                                </span>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Comment list-->
        <div class="js-CommentsSkin-smoothgray" style="display:none;" id="commentListContainer">
            <div class="js-OldCommentsWrap" style="width:500px;">
                <div class="js-OldComments" id="commentList">
                </div>
            </div>
        </div>
        <!-- Add a User form -->
        <div class="jska-wrapper" id="addUserForm" style="top: 50px; left: 93px;display:none">
            <div class="jska-header" style="cursor: move;">
                <div class="jska-headerText">
                    Authentication
                </div>
                <div class="jska-clear">
                </div>
            </div>
            <div class="jska-container">
                <div>
                    <div class="jska-rightColumn">
                        <input class="jska-input" name="loginInput" id="userName" style="color: gray;"/>
                        <div class="jska-error js-loginMessageHandle">
                        </div>
                    </div>
                    <div class="jska-leftColumn jska-label">
                        Username:
                    </div>
                    <div class="jska-controls">
                        <input class="jska-authButton" type="button" name="authButton" onclick="commenter.addUserClick(dojo.byId('userName').value);" value="Register"/><input class="jska-cancelBtn" type="button" name="cancelBtn" onclick="hideAddUserForm()" value="Cancel"/>
                    </div>
                    <div class="jska-clear">
                    </div>
                </div>
            </div>
        </div>
        <!-- Leave a Comment link -->
        <div class="js-LeaveComment" style="" id="leaveComment">
            <div class="js-commentControl">
                <a href="javascript:void(0)" onclick="showCreateCommentForm();">Leave a comment</a>
            </div>
        </div>
        <!-- Add a Comment form -->
        <div class="js-CreateComment" id="createCommentForm" style="display: none;width:500px">
            <div class="js-CreateCommentArea">
                <div class="js-commentFieldSubject" style="margin: 0pt;">
                    Leave a comment
                </div>
                <div class="js-CreateCommentFieldsWrap">
                    <div class="js-CreateCommentFields">
                        <div class="js-CreateCommentFieldsBaseInfo">
                            <div class="js-AuthAreaWrap">
                                <div>
                                    <div class="js-commentFieldLabel">
                                        Leave a comment as:
                                    </div>
                                    <div class="js-authSelector">
                                        <select class="jsk-SectionLoginInput" name="jsk-User-login-type" id="userSelector" onchange="modifyUserId()">
                                            <option value="100">guest</option>
                                        </select>
                                        <span class="js-logoutSpan" style="display: inline;">[<a class="js-commentOpenIDLogout" href="javascript:void(0)" onclick="showAddUserForm()" style="cursor: pointer;">New</a>]</span>
                                    </div>
                                    <div class="js-authArea"/>
                                </div>
                            </div>
                        </div><div class="js-authArea"/>
                    </div>
                </div>
                <div class="js-commentFieldLabel js-commentBodyLabel">
                    Comment:
                </div>
                <div class="js-commentCmtTextarea">
                    <textarea id="comment" class="js-commentFieldInput" cols="32" rows="4" name="js-CmtText">
                    </textarea>
                </div>
                <div class="js-commentImageArea"/>
            </div>
            <div class="js-CCButtons">
                <div class="js-CCButtons">
                    <div class="js-commentSubmit">
                        <input onclick="hideCreateCommentForm();" class="js-CmtButton" type="reset" value="Cancel" name="js-Cmtcancel" style="cursor: pointer;"/>
						<input id="submitComment" class="js-CmtButton" type="submit" value="Submit comment" name="js-Cmtsubmit" style="cursor: pointer;"/>
                    </div>
                    <div style="clear: both;">
                    </div>
                </div>
            </div>
        </div>
        <br clear="all"/>
    </body>
</html>
